<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>"书易购"图书销售网站 - 知识畅行，阅读无界，为您开启智慧之门。</title>
    <link rel="shortcut icon" href="extension_icon.png" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/product_details.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/copyright.css">
    <link rel="stylesheet" href="css/backtop.css">
</head>

<body>
    <!-- header 区域开始 -->
    <div class="header">
        <div class="inner-c header-c">
            <!-- header 的左侧 -->
            <div class="header-left">
                <h1 class="logo">
                    <a href="index.html">书易购图书|文学|历史|科幻|自助成长|心理学|小说</a>
                </h1>
            </div>
            <!-- header 的右侧 -->
            <div class="header-right">
                <a href="#" class="upload">订单查询</a>
                <a href="#" class="position">联系客服</a>
                <a href="" class="login"><i></i></a>
                <a class="username"></a>
            </div>
        </div>
    </div>

    <div class="product_details">
        <div class="inner-c header-p">
            <img class="backimg_02" src="images/backimg_02.png" alt="">
            <div class="product">
                <p>
                    商品信息
                </p>
                <a href="./shopping_cart.html">查看购物车</a>
            </div>
        </div>
        <div class="inner-c main">
            <div class="detailsArea">
                <div class="bookImg"><img src="images/shaoertushu_03.png" alt=""></div>
            </div>
            <div class="quantity-selector">
                <i>请选择购买数量：</i>
                <button class="decrease">-</button>
                <i class="quantity">1</i>
                <button class="increase">+</button>
            </div>
            <div href="" class="add">添加购物车</div>
        </div>
    </div>

    <div class="footer">
        <div class="inner-c">
            <div class="login-method">
                <div class="login-method-btn">
                    <a href="#" class="lagou-app">
                        <i></i><span>下载书易购APP</span>
                    </a>
                    <a href="#" class="lagou-miniPro">
                        <i></i><span>微信小程序</span>
                        <img src="images/mini_pro.png" alt="">
                    </a>
                </div>
                <div class="login-method-links">
                    <a href="#" class="lagou-weixin">
                        <i></i><span>书易购微信</span><img src="images/qr_code.png" alt="">
                    </a><!-- 此处注意两个行内元素之间会产生空白折叠现象，但发现某处边距莫名多出来一点，应该首先考虑空白折叠 --><a href="#" class="lagou-weibo">
                        <i></i><span>书易购微博</span>
                    </a>
                </div>
            </div>
            <div class="service">
                <dl>
                    <dt>购物指南</dt>
                    <dd>
                        <a href="#">购物保障</a>
                        <a href="#">购物流程</a>
                        <a href="#">促销说明</a>
                    </dd>
                </dl>
                <dl>
                    <dt>用户帮助</dt>
                    <dd>
                        <a href="#">支付与配送</a>
                        <a href="#">退换政策</a>
                        <a href="#">用户服务协议</a>
                        <a href="#">隐私政策</a>
                    </dd>
                </dl>
                <dl>
                    <dt>联系方式</dt>
                    <dd>
                        <a href="#">服务热线：4006 2828 35 (9:00 -18:00)</a>
                        <a href="#">企业服务邮箱：cc@shuyigou.com</a>
                        <a href="#">联系我们</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- footer区域结束 -->
    <!-- copyright区域开始 -->
    <div class="copyright">
        <div class="inner-c">
            <div class="left">
                <span class="title">©2024 书易购网</span>
                <span class="icp">京ICP备14023790号-2</span>
                <a href="#" class="record"><i></i>京公网安备 11010802024043号</a>
                <div class="report">
                    <i></i>
                    <span>违法和不良信息举报</span>
                    <span>电话: 4006 2828 35</span>
                    <span>邮箱: cc@shuyigou.com</span>
                </div>
            </div>
        </div>
    </div>
    <!-- copyright区域结束 -->
    <!-- backtop区域开始 -->
    <div class="backtop"></div>
    <!-- backtop区域结束 -->



    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/header.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/product_details.js"></script>
</body>

</html>